/*!
 * Copyright 2020 the original author or authors.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import "../styles/colors";

.order-list {
  height: 100%;

  &-header {
    background: #fff;
    padding-bottom: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

    .order-status-filter-bar {

      .order-status {
        margin: 10px;
        position: relative;

        &.active {
          color: $primary-color;

          &:before {
            content: " ";
            background: $primary-color;
            position: absolute;
            bottom: -6px;
            width: 70%;
            height: 2px;
            right: 15%;
          }
        }
      }
    }
  }

  &-content {
    box-sizing: border-box;
    height: calc(100% - 92px);
    overflow-y: auto;
  }

  .order {
    background: #fff;
    margin: 10px 0;
    padding: 10px;
    border-radius: 10px;

    &-store-title {
      font-size: 16px;
    }

    &-status-name {
      color: $primary-color;
    }
  }
}
